<template>
  <div class="dk-row">
    <div class="h1">
      按钮
    </div>
    <div class="code_wrapper">
      <div class="layout_wrapper">
        <div class="dk-col-md-3 dk-col-sm-6 button_layout">
          <div class="dk-btn dk-default-btn">
            .dk-default-btn
          </div>
        </div>
        <div class="dk-col-md-3 dk-col-sm-6 button_layout">
          <div class="dk-btn dk-blue-btn">
            .dk-blue-btn
          </div>
        </div>
        <div class="dk-col-md-3 dk-col-sm-6 button_layout">
          <div class="dk-btn dk-ghost-btn">
            .dk-ghost-btn
          </div>
        </div>
        <div class="dk-col-md-3 dk-col-sm-6 button_layout">
          <div class="dk-btn dk-grey-btn">
            .dk-grey-btn
          </div>
        </div>
      </div>
      <div class="layout_wrapper">
        <div class="dk-col-md-3 dk-col-sm-6 button_layout">
          <div class="dk-btn dk-green-btn">
            .dk-green-btn
          </div>
        </div>
        <div class="dk-col-md-3 dk-col-sm-6 button_layout">
          <div class="dk-btn dk-red-btn">
            .dk-red-btn
          </div>
        </div>
        <div class="dk-col-md-3 dk-col-sm-6 button_layout">
          <div class="dk-btn dk-red-btn disabled">
            .disabled
          </div>
        </div>
      </div>
      <pre class="language-html"><code class="language">
        &ltdiv class="dk-btn dk-default-btn"&gt .dk-default-btn &lt/div&gt
        &ltdiv class="dk-btn dk-blue-btn"&gt .dk-blue-btn &lt/div&gt
        &ltdiv class="dk-btn dk-red-btn"&gt .dk-red-btn &lt/div&gt
        &ltdiv class="dk-btn disabled"&gt .disabled &lt/div&gt
      </code></pre>
    </div>
  </div>
</template>
<script type="text/javascript">
import '../../css/common.css';
import '../../../assert/css/style.css';
</script>
